<div *ngIf="isModalShown" [config]="{ show: true }" (onHidden)="onHidden()"
     bsModal #loginModal="bs-modal" class="modal fade login-modal-view wf-login-modal" tabindex="-1" role="dialog"
     aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-body">
        <div>
          <div class="wf-modal-title">
            <div class="wf-watermark">MODIFYTELPHONE</div>
            <div class="text">修改手机号</div>
          </div>
          <form class="login-form form-horizontal">
            <div class="form-group">
              <input class="username form-control"
                     placeholder="请输入旧手机号">
            </div>
            <div class="form-group">
              <input class="username form-control"
                     placeholder="请输入新手机号">
            </div>
            <div class="form-group text-grey">
              <div class="col-sm-7" style="padding-left: 0">
                <input class="form-control verify"
                       placeholder="请输入验证码">
              </div>
              <div class="col-sm-5" style="padding-right: 0">
                <button class="bg-green form-control"
                        style="height: 50px;">获取验证码</button>
              </div>
            </div>
            <div class="form-group">
              <button class="login-btn form-control bg-green">
                确认
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
